﻿<script src="@Url.Content("~/Content/Scripts/libs/jquery-1.9.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/Scripts/libs/jquery-migrate-1.1.1.min.js")" type="text/javascript"></script>

@Html.Hidden("urlAccountsPayable", Url.Action("Index", "AccountsPayable"))
@Html.Hidden("urlExpense", Url.Action("Index", "Expense"))
@Html.Hidden("urlPayment", Url.Action("Index", "Payment"))

<script type="text/javascript">
    $(document).ready(function () {
        $("#optHomeMenu").removeClass("current");
        $("#optUserMenu").removeClass("current");
        $("#optHumanResourcesMenu").removeClass("current");
        $("#optSupplierMenu").removeClass("current");
        $("#optAccountMenu").addClass("current");

        $("#breadcrumb").append('<li><a href="@Url.Action("Index", "Home")" title="Inicio">Inicio</a></li>');
        $("#breadcrumb").append('<li><a href="@Url.Action("Index", "Accounting")" title="Contabilidad">Contabilidad</a></li>');
        $("#breadcrumb").append('<li><a href="@Url.Action("Index", "MoneyOut")" title="Egresos">Egresos</a></li>');
    })
</script>

<section class="grid_4">
	<div class="block-border">
        <div class="block-content">
			<h1>Egresos</h1>
				
			<div class="block-controls">
				<ul class="controls-buttons">
                    <li class="sep"></li>
					<li><a href="@Url.Action("Index", "Accounting")" title="Regresar"><img src="@Url.Content("~/Content/Images/Forms/Back.png")" width="16" height="16"></a></li>
					<li class="sep"></li>
					<li><a href="@Url.Action("Index", "MoneyIn")" title="Refrescar Página"><img src="@Url.Content("~/Content/Images/icons/fugue/arrow-circle.png")" width="16" height="16"></a></li>
				</ul>
			</div>
				
			<ul class="collapsible-list with-bg">
                <li>
					<b class="toggle"></b>
					<span>Opciones</span>

					<ul id="mainMenu" class="with-icon">
						<li class="icon-medic">
							<a id="optExpense" href="@Url.Action("Index", "Expense")">Gastos</a>
						</li>

                        <li class="icon-medic">
							<a id="optAccountsPayable" href="@Url.Action("Index", "AccountsPayable")">Cuentas por pagar</a>
						</li>

                        @*<li class="icon-medic">
							<a id="optCreditNotes" href="@Url.Action("Index", "CreditNotes")">Notas de crédito</a>
						</li>*@

                        <li class="icon-office">
							<a id="optPaymentsReceived" href="@Url.Action("Index", "Payment")">Pagos efectuados</a>
						</li>
					</ul>
				</li>
			</ul>

            <hr class="no-margin">

            <div class="task with-legend">
                <table style="width: 100%;">
                    <tr>
                        <td style="width: 50%;"><h3>Utilidad Neta</h3></td>
                        <td style="text-align: right;"><h3>$1000,00</h3></td>
                    </tr>
				</table>
                <hr />
				<div class="task-description">
					<table style="width: 100%;">
                        <tr>
                            <td style="width: 50%;"><a href="@Url.Action("Index", "AccountsReceivable")">Ingresos Brutos</a></td>
                            <td style="text-align: right;">$2000,00</td>
                        </tr>
                        <tr>
                            <td><a href="@Url.Action("Index", "AccountsPayable")">Gastos Brutos</a></td>
                            <td style="text-align: right;">- $1000,00</td>
                        </tr>
					</table>
				</div>
			</div>
            
            <div class="task with-legend">
                <table style="width: 100%;">
                    <tr>
                        <td style="width: 50%;"><h3>Cuentas por Pagar</h3></td>
                        <td style="text-align: right;"><h3>$7000,00</h3></td>
                    </tr>
				</table>
                <hr />
				<div class="task-description">
					<table style="width: 100%;">
                        <tr>
                            <td style="width: 50%;"><a href="#">Actuales</a></td>
                            <td style="text-align: right;">$1000,00</td>
                        </tr>
                        <tr>
                            <td><a href="#">Entre 1 y 30 días</a></td>
                            <td style="text-align: right;">$1000,00</td>
                        </tr>
                        <tr>
                            <td><a href="#">Entre 31 y 60 días</a></td>
                            <td style="text-align: right;">$2000,00</td>
                        </tr>
                        <tr>
                            <td><a href="#">Entre 61 y 90 días</a></td>
                            <td style="text-align: right;">$1000,00</td>
                        </tr>
                        <tr>
                            <td><a href="#">Más de 90 días</a></td>
                            <td style="text-align: right;">$2000,00</td>
                        </tr>
					</table>
				</div>
			</div>

            <div class="task with-legend">
                <table style="width: 100%;">
                    <tr>
                        <td style="width: 50%;"><h3>Gastos por Cuenta</h3></td>
                        <td style="text-align: right;"><h3>$3000,00</h3></td>
                    </tr>
				</table>
                <hr />
				<div class="task-description">
					<table style="width: 100%;">
                        <tr>
                            <td style="width: 50%;"><a href="@Url.Action("SetModel", "LedgerAccount", new { objectID = 1 })">Depreciacion equipo oficina</a></td>
                            <td style="text-align: right;">$500,00</td>
                        </tr>
                        <tr>
                            <td><a href="@Url.Action("SetModel", "LedgerAccount", new { objectID = 1 })">Servicio de agua</a></td>
                            <td style="text-align: right;">$200,00</td>
                        </tr>
                        <tr>
                            <td><a href="@Url.Action("SetModel", "LedgerAccount", new { objectID = 1 })">Servicio eléctrico</a></td>
                            <td style="text-align: right;">$350,00</td>
                        </tr>
                        <tr>
                            <td><a href="@Url.Action("SetModel", "LedgerAccount", new { objectID = 1 })">Sueldos</a></td>
                            <td style="text-align: right;">$100,00</td>
                        </tr>
                        <tr>
                            <td><a href="@Url.Action("SetModel", "LedgerAccount", new { objectID = 1 })">Suministros</a></td>
                            <td style="text-align: right;">$200,00</td>
                        </tr>
					</table>
				</div>
			</div>

		</div>
	</div>

</section>